<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
    <!-- <link rel="stylesheet" href="css/bootstrap.min.css"> -->
    <link rel="stylesheet" href="font_u3b5q2f1etsp2e29/iconfont.css">
<!--     <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script> -->
</head>

<body>
    <header>
        <div class="search">
            <span>寻找宝贝店铺</span>
        </div>
    </header>
    <div class="main">
        <div class="banner">
            <div class="item ">
                <img style="width: 10rem;" src="./images/lb1.jpg" alt="">
            </div>
            <!-- <div id="lbpic" class="carousel slide" data-ride="carousel">
                <ol id="icon" class="carousel-indicators ">
                    <li data-target="#lbpic" data-slide-to="0" class="active"></li>
                    <li data-target="#lbpic" data-slide-to="1"></li>
                    <li data-target="#lbpic" data-slide-to="2"></li>
                    <li data-target="#lbpic" data-slide-to="3"></li>
                    <li data-target="#lbpic" data-slide-to="4"></li>
                    <li data-target="#lbpic" data-slide-to="5"></li>
                </ol>
                <div class="carousel-inner" role="listbox">
                    <div class="item active ">
                        <img src="./images/lb.jpg" alt="">
                    </div>
                    <div class="item ">
                        <img src="./images/lb1.jpg" alt="">
                    </div>
                    <div class="item ">
                        <img src="./images/lb2.jpg" alt="">
                    </div>
                    <div class="item ">
                        <img src="./images/lb3.jpg" alt="">
                    </div>
                    <div class="item ">
                        <img src="./images/lb4.jpg" alt="">
                    </div>
                    <div class="item ">
                        <img src="./images/lb5.jpg" alt="">
                    </div>
                </div>
            </div> -->
        </div>
        <div class="nav">
            <div class="nav-row">
                <div class="nav-item">
                    <div class="nav-pic pic-1"></div>
                    <span class="nav-tit">天猫</span>
                </div>
                <div class="nav-item">
                    <div class="nav-pic pic-2"></div>
                    <span class="nav-tit">聚划算</span>
                </div>
                <div class="nav-item">
                    <div class="nav-pic pic-3"></div>
                    <span class="nav-tit">天猫国际</span>
                </div>
                <div class="nav-item">
                    <div class="nav-pic pic-4"></div>
                    <span class="nav-tit">外卖</span>
                </div>
                <div class="nav-item">
                    <div class="nav-pic pic-5"></div>
                    <span class="nav-tit">天猫超市</span>
                </div>
            </div>
            <div class="nav-row">
                <div class="nav-item">
                    <div class="nav-pic pic-6"></div>
                    <span class="nav-tit">充值中心</span>
                </div>
                <div class="nav-item">
                    <div class="nav-pic pic-7"></div>
                    <span class="nav-tit">飞猪旅行</span>
                </div>
                <div class="nav-item">
                    <div class="nav-pic pic-8"></div>
                    <span class="nav-tit">领金币</span>
                </div>
                <div class="nav-item">
                    <div class="nav-pic pic-9"></div>
                    <span class="nav-tit">到家</span>
                </div>
                <div class="nav-item">
                    <div class="nav-pic pic-10"></div>
                    <span class="nav-tit">分类</span>
                </div>
            </div>
        </div>
        <div class="toutiao">
            <div class="tou-pic"></div>
            <div class="tou-text">
                <span class="new">震惊</span>
                <span>听说过伪素颜;清水洗尽不能看！
               </span>
            </div>
        </div>
        <div class="hot">
            <div class="hot-lt">
            </div>
            <div class="hot-rt">
                <div class="hot-rt-top">
                    <div class="hot-rt-top-lt"></div>
                    <div class="hot-rt-top-rt"></div>
                </div>
                <div class="hot-rt-bot">
                    <div class="hot-rt-bot-lt"></div>
                    <div class="hot-rt-bot-rt"></div>
                </div>
            </div>
        </div>
        <div class="love">
            <div class="love-title">
                <div class="l-tit-top">
                    <span class="iconfont icon-xihuan"></span>
                    <span>猜你喜欢</span>
                </div>
                <div class="l-tit-bot">实时推荐适合你的宝贝</div>
            </div>
            <div class="love-item">
                <div class="l-item-lt">
                    <div class="lt-item-pic"></div>
                    <div class="lt-item-des">[为你推荐][双超]山楂片+山楂条+山楂球 各1斤共3斤 开胃零食套餐 酸酸甜甜</div>
                    <div class="price">￥39</div>
                </div>
                <div class="l-item-rt">
                    <div class="lt-item-pic"></div>
                    <div class="lt-item-des">[为你推荐][双超]山楂片+山楂条+山楂球 各1斤共3斤 开胃零食套餐 酸酸甜甜</div>
                    <div class="price">￥39</div>
                </div>
            </div>
            <div class="love-item">
                <div class="l-item-lt">
                    <div class="lt-item-pic"></div>
                    <div class="lt-item-des">[为你推荐][双超]山楂片+山楂条+山楂球 各1斤共3斤 开胃零食套餐 酸酸甜甜</div>
                    <div class="price">￥39</div>
                </div>
                <div class="l-item-rt">
                    <div class="lt-item-pic"></div>
                    <div class="lt-item-des">[为你推荐][双超]山楂片+山楂条+山楂球 各1斤共3斤 开胃零食套餐 酸酸甜甜</div>
                    <div class="price">￥39</div>
                </div>
            </div>
            <div class="love-item">
                <div class="l-item-lt">
                    <div class="lt-item-pic"></div>
                    <div class="lt-item-des">[为你推荐][双超]山楂片+山楂条+山楂球 各1斤共3斤 开胃零食套餐 酸酸甜甜</div>
                    <div class="price">￥39</div>
                </div>
                <div class="l-item-rt">
                    <div class="lt-item-pic"></div>
                    <div class="lt-item-des">[为你推荐][双超]山楂片+山楂条+山楂球 各1斤共3斤 开胃零食套餐 酸酸甜甜</div>
                    <div class="price">￥39</div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="footer-btn">
                <div>登录</div>
                <div>注册</div>
                <div>电脑版</div>
                <div>用户反馈</div>
            </div>
            <div class="copy"><span></span>2016 浙 B2-20080224</div>
        </div>
    </div>
    <div class="footer-nav">
        <div class="f-nav-1">
            <i class="iconfont icon-shouye-shouye"></i>
            <span class="nav-des">首页</span>
        </div>
        <div class="f-nav-1">
            <i class="iconfont icon-wuliu"></i>
            <span class="nav-des">物流</span>
        </div>
        <div class="f-nav-1">
            <i class="iconfont icon-tubiao4"></i>
            <span class="nav-des">购物车</span>
        </div>
        <div class="f-nav-1">
            <i class="iconfont icon-wode"></i>
            <span class="nav-des">我的淘宝</span>
        </div>
        <div class="f-nav-1">
            <i class="iconfont icon-gengduo"></i>
            <span class="nav-des">更多</span>
        </div>
    </div>
    <script>
    (function(window) {
        var dw = window.document.documentElement.clientWidth;
        var font = dw / 10 > 54 ? 54 : dw / 10;
        font += 'px';
        window.document.documentElement.style.fontSize = font;
    })(window);
    </script>
</body>

</html>
